<template>
    <div>
    <bigbg
     :url="bandat.bgImg"
    :bigtext="bandat.title"
    :smalltext="bandat.subtitle"
    ></bigbg>
 <!-- 详情页 -->
    <div v-html='pagetable'>
    </div>
        <!-- 底部组件 -->
    <Header></Header>
    <Footer></Footer>
    </div>
</template>
<script>
//8e6d5f41-4231-4bd2-8525-c52a20f23cb1
import { getlag,getpages} from '@/api/srapi/srapi.js'
import bigbg from "../component/bigbg.vue";
// 导入头部底部组件
//引入头部组件
import Header from "@/components/Header.vue";
// 引入底部组件
import Footer from "@/components/Footer.vue";
export default {
    name: "vr_films",
  components: {
    bigbg,
    Header,
    Footer,
  },
   data() {
    return {
      bandat:{},
      pagetable:null
    };
  },
 async mounted() {
   //获取页面的全部数据
   const res= await getlag("8e6d5f41-4231-4bd2-8525-c52a20f23cb1")
   console.log(res);
   console.log(res.data.data);
   this.bandat=res.data.data
   //获取详情页
     const pages=await  getpages(this.bandat.pcUrl)
     this. pagetable=pages.data.content
     console.log(pages.data.content);

  },
}
</script>
<style lang="scss" scoped>
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box
}

</style>